﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="GUI_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 136px;
        }
        .style2
        {
            width: 189px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <h1>
            Customer</h1>
        <p>
            <asp:GridView ID="GridView1" runat="server" CellPadding="4" ForeColor="#333333" 
                GridLines="None">
                <AlternatingRowStyle BackColor="White" />
                <EditRowStyle BackColor="#7C6F57" />
                <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                <RowStyle BackColor="#E3EAEB" />
                <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
                <SortedAscendingCellStyle BackColor="#F8FAFA" />
                <SortedAscendingHeaderStyle BackColor="#246B61" />
                <SortedDescendingCellStyle BackColor="#D4DFE1" />
                <SortedDescendingHeaderStyle BackColor="#15524A" />
            </asp:GridView>
        </p>
    
    </div>
    <table style="width:100%;">
        <tr>
            <td class="style1">
                CustomerID :</td>
            <td class="style2">
                <asp:TextBox ID="txtCustomerID" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="valCustomerID" runat="server" 
                    ErrorMessage="Please enter CustomerID" ForeColor="Red" 
                    ControlToValidate="txtCustomerID"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Company Name :</td>
            <td class="style2">
                <asp:TextBox ID="txtCompanyName" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="valCompanyName" runat="server" 
                    ErrorMessage="Please enter Company Name" ForeColor="Red" 
                    ControlToValidate="txtCompanyName"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Contact Name :</td>
            <td class="style2">
                <asp:TextBox ID="txtContactName" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style1">
                Contact Title :</td>
            <td class="style2">
                <asp:TextBox ID="txtContactTitle" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style1">
                Address :</td>
            <td class="style2">
                <asp:TextBox ID="txtAddress" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style1">
                City :</td>
            <td class="style2">
                <asp:TextBox ID="txtCity" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style1">
                Country :</td>
            <td class="style2">
                <asp:DropDownList ID="ddlCountry" runat="server" Height="16px" Width="143px">
                </asp:DropDownList>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style1">
                Phone :</td>
            <td class="style2">
                <asp:TextBox ID="txtPhone" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                    ControlToValidate="txtPhone" ErrorMessage="Not Valid" ForeColor="Red" 
                    ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}"></asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Fax :
            </td>
            <td class="style2">
                <asp:TextBox ID="txtFax" runat="server" Width="179px"></asp:TextBox>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style1">
                &nbsp;</td>
            <td class="style2">
                <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
&nbsp;<asp:Button ID="btnReset" runat="server" CausesValidation="False" 
                    onclick="btnReset_Click" Text="Reset" />
            </td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
    </form>
</body>
</html>
